<template>
    <div class="unified-overspread ">

        <!-- 页头 -->
        <div class="heade flex  unified-flex-align">
            
            <!-- 返回箭头 -->
            
            <div class="back unified-transition">
                <span class="el-icon-back icon" @click="back"></span>
            </div>
            
            <div class="page-title flex unified-cursor-default">
                <span class="title">页面标题</span>
                <span class="tips">页面信息</span>
            </div>
            
            
            
           
        </div>

        <div class="router-form">
            <router-view></router-view>
        </div>
    </div>


</template>

<script>
    
    export default{
        
        
        methods:{
            
            back(){
                this.$router.back()
            }
            
            
        }
        
        
    }
    
</script>

<style >
    
    .heade{
     
        height: 75px;
        background-color: #fff;
        margin-bottom:25px;
        padding: 0px 20px;
    }
    
    .back{
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 20px;
        border-radius: 50%;
        background-color: rgb(247, 248, 249);
    }
    .back:active{
        color: #0E60F7;
        text-shadow: 1px 1px 3px 0px #eee;
    }
    .back:hover{
        background-color: #eee;
        color: #0E60F7;
    }
    
    
    .page-title{
        width: 140px;
        height: 100%;
        margin-left: 18px;
        flex-direction: column;
        justify-content: center;
    }
    .page-title>.title{
        font-size: 16px;
    }
     .page-title>.tips{
         font-size:8px;
         margin-top: 8px;
         color: #999999;
     }
</style>
